<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>小米官网头部模仿</title>
		<link rel="stylesheet" href="css/index.css" type="text/css"/>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script>
			$(function(){
				$(window).load(function(){
					$('.list3-1').mouseover(function(){

		var num=$('.list3-1').index($(this));
		$('.clu').css('display','none');
		$('.clu').eq(num).css({display:'block'}).mouseover(function(){
			$('.clu').eq(num).css('display','block');
			}).mouseout(function(){
				$('.clu').eq(num).css('display','none');
				});
		
	})
	$('.list3-1').mouseout(function(){
		$('.clu').css('display','none');	
	})
				
		
		
		
		 $('.list2').mouseenter(function(){
			
			//var num=$('.list2-1').index($(this));
			$('.iphone').slideDown().mouseover(function(){
			var num=$('.iphone').index($(this))
			$('.iphone').eq(num).css('display','block')
			}).mouseout(function(){
				$('.iphone').eq(num).css('display','none');
				});
	

	})

	$('.list2').mouseleave(function(){
		$('.iphone').stop().slideUp();	
	}) 

	
		
		
		
		
		

		$('.tab-right').on('mouseover',function(){
				clearInterval(timer);
				$('#box').css('display','block');
			})
			$('.tab-right').on('mouseout',function(){
				timer=setInterval(move,3000);
				$('#box').css('display','none');
				})
		$('#move-btn li').on('mousedown',function(){ 
				i=$('#move-btn li').index($(this))-1;
				
				move();
				
				});
			
			$('#box .a1').click(function(){
				i-=2;
				move();
			});
			$('#box .a2').click(function(){
				
				move();
				});	
			var i=0;	
			function move(){
				i++;
				$('#move-img li').stop(true).animate({opacity:0},500).eq(i%5).stop().animate({opacity:1});
				$('#move-btn li a').removeClass();
				$('#move-btn li a').eq(i%5).addClass('active');
				
				}
			var timer=setInterval(move,3000)



			$('.lastright').mouseover(function(){
				$('.shopping').slideDown();
			
			})
			$('.lastright').mouseout(function(){
				$('.shopping').stop().slideUp();
			
			})


		
				
				})
			
			
			})
		</script>
	</head>
	<body>
		<!--首页-->
		<div class="header">
			<div class="top">
				<div class="top-left">
					<ul class="list">
						<li class="firstlist"><a href="#">小米网</a></li>
						<li><a href="#">MIUI</a></li>
						<li><a href="#">米聊</a></li>
						<li><a href="#">游戏</a></li>
						<li><a href="#">多看阅读</a></li>
						<li><a href="#">云服务</a></li>
						<li><a href="#">小米网移动版</a></li>
						<li><a href="#">问题反馈</a></li>
						<li class="lastlist"><a href="#">select Region</a></li>
					</ul>
					
				</div>
				<div class="top-right">
				<a href="#">登录   |</a>
				<a href="#">注册</a>
				
				
				<a class="lastright" href="#"><i class="iconfont">&#xe607;</i>购物车(0)</a>
	
				</div>
				
				
			</div>
			<div class="shopping">购物车中还没有商品，赶快选购吧</div>
		</div>
		
		<!--导航-->
		<div class="nav">
		<div class="nav-left">
		<img src="img/logo.jpg"/>
		<img class="img1"src="img/tp.gif"/>
		</div>
		<div class="nav-center">
		<ul class="list2">
		<li class="list2-1"><a href="#">小米手机</a></li>
		<li class="list2-1"><a href="#">红米</a></li>
		<li class="list2-1"><a href="#">平板</a></li>
		<li class="list2-1"><a href="#">电视</a></li>
		<li class="list2-1"><a href="#">盒子影音</a></li>
		<li class="list2-1"><a href="#">路由器</a></li>
		<li class="list2-1"><a href="#">硬件</a></li>
		<li><a href="#">服务</a></li>
		<li><a href="#">社区</a></li>
		</ul>
		</div>
		<div class="nav-right">
		<form class="bd">
		
		<input type="text" class="tet" placeholder="红米3s  小米手环2"/>
		
		<i class="iconfont butt">&#xe6a4;</i>
		</form>
		</div>
		</div>
		
		<div class="iphone">
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>小米MAX</p>
		<p>1499元起</p>
		</dd>
		
		</dl>
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>小米MAX</p>
		<p>1499元起</p>
		</dd>
		
		</dl>
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>小米MAX</p>
		<p>1499元起</p>
		</dd>
		
		</dl>
		</div>
		
		<div class="iphone">
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>红米note3</p>
		<p>899元起</p>
		</dd>
		
		</dl>
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>红米note3</p>
		<p>899元起</p>
		</dd>
		
		</dl>
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>红米note3</p>
		<p>899元起</p>
		</dd>
		
		</dl>
		</div>
		
		<div class="iphone">
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>小米平板2 16G</p>
		<p>999元起</p>
		</dd>
		
		</dl>
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>小米平板2 16G</p>
		<p>999元起</p>
		</dd>
		
		</dl>
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>小米平板2 16G</p>
		<p>999元起</p>
		</dd>
		
		</dl>
		</div>
		
		<div class="iphone">
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>小米电视3s 43英寸</p>
		<p>1799元起</p>
		</dd>
		
		</dl>
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>小米电视3s 43英寸</p>
		<p>1799元起</p>
		</dd>
		
		</dl>
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>小米电视3s 43英寸</p>
		<p>1799元起</p>
		</dd>
		
		</dl>
		</div>
		
		
		<div class="iphone">
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>小米盒子mini版</p>
		<p>199元起</p>
		</dd>
		
		</dl>
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>小米盒子mini版</p>
		<p>199元起</p>
		</dd>
		
		</dl>
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>小米盒子mini版</p>
		<p>199元起</p>
		</dd>
		
		</dl>
		</div>
		
		
		
		<div class="iphone">
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>全新小米路由器</p>
		<p>699元起</p>
		</dd>
		
		</dl>
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>全新小米路由器</p>
		<p>699元起</p>
		</dd>
		
		</dl>
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>全新小米路由器</p>
		<p>699元起</p>
		</dd>
		
		</dl>
		</div>
		
		
		
		
		<div class="iphone">
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>小米空气净化器2</p>
		<p>699元起</p>
		</dd>
		
		</dl>
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>小米空气净化器2</p>
		<p>699元起</p>
		</dd>
		
		</dl>
		<dl class="iphone-1">
		<dt><img src="img/i1.jpg"/></dt>
		<dd>
		<p>小米空气净化器2</p>
		<p>699元起</p>
		</dd>
		
		</dl>
		</div>
		
		<!--选项卡-->
		<div class="tab">
		<div class="tab-left">
		<ul class="list3">
		<li class="list3-1"><a href="#">手机 平板 电话卡<span>></span></a></li>
		<li class="list3-1"><a href="#">手机 平板 电话卡<span>></span></a></li>
		<li class="list3-1"><a href="#">手机 平板 电话卡<span>></span></a></li>
		<li class="list3-1"><a href="#">手机 平板 电话卡<span>></span></a></li>
		<li class="list3-1"><a href="#">手机 平板 电话卡<span>></span></a></li>
		<li class="list3-1"><a href="#">手机 平板 电话卡<span>></span></a></li>
		<li class="list3-1"><a href="#">手机 平板 电话卡<span>></span></a></li>
		<li class="list3-1"><a href="#">手机 平板 电话卡<span>></span></a></li>
		<li class="list3-1"><a href="#">手机 平板 电话卡<span>></span></a></li>
		<li class="list3-1"><a href="#">手机 平板 电话卡<span>></span></a></li>
		</ul>
		<div class="clu">
		<div class="cluth">
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米手机5c</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl><br/>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米手机5c</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米手机5c</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米手机5c</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		
		</div>
		
		<div class="clut">
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米手机5c</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl><br/>
		
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米手机5c</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米手机5c</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米手机5c</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		</div>
		</div>
		
		
		<div class="clu">
		<div class="cluth">
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米电视</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl><br/>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米电视</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米电视</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米电视</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		
		</div>
		
		<div class="clut">
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米电视</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl><br/>
		
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米电视</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米电视</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米电视</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		</div>
		</div>
		
		
		<div class="clu">
		<div class="cluth">
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米无人机</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl><br/>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米无人机</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米无人机</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米无人机</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		
		</div>
		
		<div class="clut">
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米无人机</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl><br/>
		
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米无人机</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米无人机</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米无人机</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		</div>
		</div>
		
		
		
		<div class="clu">
		<div class="cluth">
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米移动电源</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl><br/>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米移动电源</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米移动电源</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米移动电源</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		
		</div>
		
		<div class="clut">
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米移动电源</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl><br/>
		
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米移动电源</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米移动电源</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米移动电源</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		</div>
		</div>
		
		
		<div class="clu">
		<div class="cluth">
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米耳机</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl><br/>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米耳机</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米耳机</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米耳机</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		
		</div>
		
		<div class="clut">
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米耳机</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl><br/>
		
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米机</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米耳机</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米耳机</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		</div>
		</div>
		
		
	
		<div class="clu">
		<div class="cluth">
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">保护壳</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl><br/>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">保护壳</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">保护壳</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">保护壳</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		
		</div>
		
		<div class="clut">
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">保护壳</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl><br/>
		
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">保护壳</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">保护壳</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">保护壳</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		</div>
		</div>
		
		
	<div class="clu">
		<div class="cluth">
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">保护壳</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl><br/>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">保护壳</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">保护壳</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">保护壳</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		
		</div>
		
		<div class="clut">
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">保护壳</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl><br/>
		
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">保护壳</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">保护壳</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">保护壳</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		</div>
		</div>
		
		
		
		<div class="clu">
		<div class="cluth">
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米鼠标垫</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl><br/>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米鼠标垫</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米鼠标垫</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米鼠标垫</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		
		</div>
		
		<div class="clut">
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米鼠标垫</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl><br/>
		
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米鼠标垫</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米鼠标垫</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米鼠标垫</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		</div>
		</div>
		
		
		
		
		<div class="clu">
		<div class="cluth">
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米插线板</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl><br/>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米插线板</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米插线板</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米插线板</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		
		</div>
		
		<div class="clut">
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米插线板</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl><br/>
		
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米插线板</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米插线板</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">小米插线板</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		</div>
		</div>
		
		
		
		
		
		<div class="clu">
		<div class="cluth">
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">90分旅行箱</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl><br/>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">90分旅行箱</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">90分旅行箱</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">90分旅行箱</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		
		</div>
		
		<div class="clut">
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">90分旅行箱</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl><br/>
		
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">90分旅行箱</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">90分旅行箱</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		<dl class="cluth-1">
		<dt class="cluth-2"><img src="img/s1.jpg"/></dt>
		<dd class="cluth-3">
		<p class="cluth-3-1">90分旅行箱</p>
		<p class="cluth-3-2"><a href="#">抢购</a></p>
		</dd>
		</dl>
		</div>
		</div>
		
		
		
		
		
		
		</div>
		
		<div class="tab-right">
		<ul id="move-img">
        	<li class="first"><img src="img/banner1.jpg"></li>
            <li><img src="img/banner2.jpg"></li>
            <li><img src="img/banner3.jpg"></li>
            <li><img src="img/banner4.jpg"></li>
            <li><img src="img/banner5.jpg"></li>
            
        </ul>
        <ul id="move-btn">
        	<li><a class="active" href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
           
        </ul>
        <div id="box">
        	<a class="a1" href="#"><</a>
            <a class="a2" href="#">></a>
        </div>
		
		
		</div>
		</div>
	</body>
</html>
